import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

const state = {
    // header里面的参数：
    // @disable: 选择是否不现实header
    // @slot: 显示在正中间的html
    // @left_slot: 显示左边的html
    // @right_slot: 显示在右边的html
    // @show_back: 是否显示返回箭头
    // @back_text: 设置返回文字
    // @prevent_go_back: 是否阻止点击Back时的后退，默认为false
    // @show_more: 是否显示更多图标
    // @on_click_back: 需要设置为一个函数，点击后退图片或文字的时候调用的函数，只有当prevent_go_back为true才生效
    // @on_click_more: 需要设置为一个函数，点击更多图片或文字的时候调用的函数
    header: {
        on_click_back: new Function(),
        on_click_more: new Function(),
    },
    shop: location.pathname.slice(7),
    shop_type: '',
    title: '东方团购中心'
};

const mutations = {
    DISPLAY_HEADER (state, header) {
        state.header = header;
    },
    CHANGE_TYPE (state, shop_type) {
        state.shop_type = shop_type;
    },
    CHANGE_TITLE (state, title) {
        state.title = title;
    }
};

export default new Vuex.Store({
    state,
    mutations
})
